<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web婚恋网</title>
		<style>
			/* body{
				margin: 0;
			} */
			img{
				vertical-align: bottom;
			}
			/* 通配符选择器 */
			*{
				margin: 0;
			}
			.bd{
				border: 1px solid darkblue;
			}
			.w{
				width: 1080px;
				margin: 0 auto;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			/* 以下是header区 */
			.header{

			}
			.ad1{
				padding: 15px 0;
			}
			.ad2{
				
			}
			/* 以下是banner区 */
			.banner{
				height: 555px;
				padding-top: 15px;
			}
			.banner_l{
				padding-right: 15px;
			}
			.banner_ad{
				padding-top: 15px;
			}
			.banner_ad div:nth-child(2){
				padding: 0 15px;
			}
			/* 以下是main区 */
			.main{
				
			}
			.title{
				border-bottom: 2px solid #ff4465;
				padding-top: 35px;
			}
			.title h3{
				font-family: "黑体";
				font-size: 24px;
				/* font-weight: normal; */
				/* font-weight: bold; */
				line-height: 42px;
			}
			.brand{
				padding-top: 15px;
				height: 460px;
			}
			.brand .fl{
				padding-right: 15px;
			}
			.brand .fl:nth-child(4){
				padding-right: 0;
			}
			.style{
				padding-top: 15px;
			}
			.style_l{
				/* padding-right: 5px; */
			}
			.style_l div:nth-child(2){
				padding-top: 15px;
			}
			.style_r{
				width: 700px;
			}
			.style_r div{
				padding-bottom: 15px;
				padding-left: 15px;
			}
			/* 以下是comment区 */
			.comment_t{
				width: 1080px;
			}
		</style>
	</head>
	<body>
		<div class="w header"><img src="images/header_02.gif" alt=""></div>
		<div class="w ad1"><img src="images/ad_05.jpg" alt=""></div>
		<div class="w ad2"><img src="images/ad_07.jpg" alt=""></div>
		<!-- 以下是banner区 -->
		<div class="w banner">
			<div class="banner_l fl">
				<div><img src="images/banner_09.gif" alt=""></div>
				<div class="banner_ad">
					<div class="fl"><img src="images/banner_ad_13.gif" alt=""></div>
					<div class="fl"><img src="images/banner_ad_15.gif" alt=""></div>
					<div class="fl"><img src="images/banner_ad_17.gif" alt=""></div>
				</div>
			</div>
			<div class="banner_r fr"><img src="images/banner_r_11.gif" alt=""></div>
		</div>
		<!-- 以下是main区 -->
		<div class="w main ">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<div class="fl"><img src="images/brand_24.gif" alt=""></div>
				<div class="fl"><img src="images/brand_26.gif" alt=""></div>
				<div class="fl"><img src="images/brand_28.gif" alt=""></div>
				<div class="fl"><img src="images/brand_30.gif" alt=""></div>
			</div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class="style">
				<div class="style_l fl">
					<div><img src="images/case-01_37.gif" alt=""></div>
					<div><img src="images/case-01_51.gif" alt=""></div>
				</div>
				<div class="style_r fr">
					<div class='fl'><img src="images/case-01_39.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_41.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_43.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_47.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_48.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_49.jpg" alt=""></div>
					<div class='fl'><img src="images/case-01_55.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_56.gif" alt=""></div>
					<div class='fl'><img src="images/case-01_57.gif" alt=""></div>
				</div>
			</div>
		</div>
		<!-- 以下是comment区 -->
		<div class="w comment">
			<div class='comment_t fl'><img src="images/case-01_62.gif" alt=""></div>
			<div class="comment_b">
				<div class='fl'><img src="images/case-01_65.gif" alt=""></div>
				<div class='fl'><img src="images/case-01_67.gif" alt=""></div>
				<div class='fl'><img src="images/case-01_69.gif" alt=""></div>
			</div>
		</div>
	</body>
</html>
